@charset "utf-8";

/* 清楚标签默认样式  */
html {margin: 0; padding: 0; border: 0;}
body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, code, del, dfn, em, img, q, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, caption, tbody, tfoot, thead, article, aside, dialog, figure, footer, header, hgroup, nav, section { margin: 0; padding: 0; border: 0; font-size: 100%; vertical-align: baseline;  }
ol, ul, li { list-style: none; }
body {line-height: 1.5; background: white; font-family: "Helvetica Neue",Helvetica,"PingFang SC","Hiragino Sans GB","Microsoft YaHei","微软雅黑",Arial,sans-serif; font-size: 12px; color: #333;}
table,tr, th, td { border-collapse: collapse; margin: 0; padding: 0;  font-size: 100%; vertical-align: baseline;}
caption, th, td { text-align: left; font-weight: normal; float: none !important; }
table, th, td, select, img, input,object{ vertical-align: middle;}
:focus { outline: 0;}
input,select{margin:0;}
a { color: #005EA7; text-decoration: none; }
a:hover { text-decoration:underline; }
p,a,td{word-wrap:break-word;word-break:break-all;}
img { border: none;vertical-align:top; }
textarea{ resize:none;border:1px solid #ccc;}
textarea:hover{border-color:#ccc;}
input[type="text"],input[type="button"]{-webkit-appearance: none;border-radius: 0;font-family:'Microsoft Yahei','黑体', Arial, Helvetica, sans-serif;}
input[type="text"]{border:solid 1px #ccc; border-radius:0;}
dfn {font-style: normal;font-family: Arial;}


//浮动;
.fl{ float: left;}
.fr{ float: right;}

//清除浮动;
.clear{
    *zoom:1;
    &:after{
        content: "";
        display: block;
        height: 0;
        clear: both;
        visibility: hidden;
        overflow: hidden;
    }
}

//一行显示。。。。;
.ellipsis{
    white-space:nowrap;
    text-overflow:ellipsis;
    overflow:hidden;
}

// 强制折行;
.break-word{    
    word-wrap:break-word; /*支持IE，chrome，FF*/
    word-break:break-all; /*支持IE，chrome，FF不支持*/
}

//设置字体;
@mixin fa($family:'Microsoft Yahei'){ font-family:$family,'宋体','黑体';}
.tal{ text-align: left; }
.tar{ text-align: right; }
.tac{ text-align: center; }
.over{overflow:hidden; }
.ofv{overflow:visible !important;}
.hide{ display:none;  }
.block{ display:block; }
.pa{ position: absolute; }
.pr{ position: relative; }
.cur{ cursor: pointer; }

//定义颜色
$red:#F4333C;
$blue:blue;
$gray:gray;
$yellow:yellow;
$orange:orange;
$purple: #916EBE;
$disabled:#ddd;

.fc-title{ color: #332D38}; //字体颜色
.line-color{color: #D5D3D3}; //线的颜色

/* 默认颜色 */
.color-red{color: $red;}
.color-blue{color: $blue;}
.color-gray{color: $gray;}
.color-yellow{color: $yellow;}
.color-org{color: $orange;}
.color-purple{ color: $purple}
/* 默认背景颜色 */
.bg-red{ background-color: $red;}
.bg-blue{background-color: $blue;}
.bg-gray{background-color: $gray;}
.bg-yellow{background-color: $yellow;}
.bg-org{background-color: $orange;}
.bg-purple{background-color: $purple}
/* 默认置灰 */
.disabled{ background-color:$disabled; }








//css3过渡;
@mixin tran($name:all,$time:2s){
    -webkit-transition : $name $time;  /* Safari 和 Chrome */
       -moz-transition : $name $time;  /* Firefox 4 */
        -ms-transition : $name $time;  /* IE */
         -o-transition : $name $time;  /* Opera */
            transition : $name $time;
}

//css3;
@mixin css3( $style,$frames ){
    -webkit-#{$style} : $frames;  /* Safari 和 Chrome */
       -moz-#{$style} : $frames;  /* Firefox 4 */
         -o-#{$style} : $frames;  /* Opera */
            #{$style} : $frames;
}

//透明;
@mixin opa($num:0.8){
    opacity : $num;
    filter  : alpha(opacity=$num*100);
}

//css3圆角;
@mixin border-radius($radius: 5px) {
  -webkit-border-radius : $radius;  /* Safari 和 Chrome */
     -moz-border-radius : $radius;  /* Firefox 4 */
      -ms-border-radius : $radius;  /* IE */
       -o-border-radius : $radius;  /* Opera */
          border-radius : $radius;
}


///////////////////////////////////////////////////////////////////////////
// css3动画,只能写在调用页面,配合.css3( @style,@frames )使用;            //
// 例子 :                                                                //
//  @include keyframes(animation-name) {                                 //               
//      0% {                                                             //
//         #{$browser}transform: translate3d(100%, 0, 0);                //
//      }                                                                //
//      100% {                                                           //
//          #{$browser}transform: translate3d(0%, 0, 0);                 //
//      }                                                                //
//   }                                                                   //  
//   .className{ @include css3(animation,animation-name 5s infinite); }  //
///////////////////////////////////////////////////////////////////////////
$browser: null;
@mixin keyframes($animationName) {
    @-webkit-keyframes #{$animationName} {
        $browser: '-webkit-' !global;
        @content;
    }
    @-moz-keyframes #{$animationName} {
        $browser: '-moz-' !global;
        @content;
    }
    @-ms-keyframes #{$animationName} {
        $browser: '-ms-' !global;
        @content;
    }
    @-o-keyframes #{$animationName} {
        $browser: '-o-' !global;
        @content;
    }
    @keyframes #{$animationName} {
        $browser: '' !global;
        @content;
    }
} 



    
/* 字体 */
[class^="iconfont"], [class*=" iconfont"] {
    font-family: "iconfont" !important;
    font-size: 16px;
    font-style: normal;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
  }